<div class="quote-overview">
  <div class="chart-zone">
    <div class="chart-zone-item">
      <h4 class="chart-zone-title">
        <a href="javascript:;" [routerLink]="'/stock/000001_SS'">上证指数</a>
      </h4>
      <quote-chart [updateEventSource]="szSub" [duration]="1" [hideName]='true'></quote-chart>
    </div>
    <div class="chart-zone-item">
      <h4 class="chart-zone-title">
        <a href="javascript:;" [routerLink]="'/stock/399001_SZ'">深证成指</a>
      </h4>
      <quote-chart [updateEventSource]="scSub" [duration]="1" [hideName]='true'></quote-chart>
    </div>
    <div class="chart-zone-item">
      <h4 class="chart-zone-title">
        <a href="javascript:;" [routerLink]="'/stock/399006_SZ'">创业板指</a>
      </h4>
      <quote-chart [updateEventSource]="cySub" [duration]="1" [hideName]='true'></quote-chart>
    </div>
  </div>
  <div class="brief-zone">
    <brief-list [briefList]="briefTableList"></brief-list>
  </div>
  <div class="bottom-zone">
    <block-mini (updateStock)="setCurrentStock($event)"></block-mini>
    <!--<kchart style="height: 300px" [updateEventSource]="stockSource"></kchart>-->
  </div>
  <!--<ul *ngFor="let brief of briefList">
    <li>
      <label for="{{brief.name}}">{{brief.name}}
        <input [(ngModel)]="brief.checked" (change)="refreshBriefList()" type="checkbox" id="{{brief.name}}" name="{{brief.name}}">
      </label>
    </li>
  </ul>-->
</div>